.section {
  &__heading {
    position: relative;
    display: flex;
    font-size: var(--font-size-base);
    color: var(--color-text-section-header);
    font-weight: var(--font-weight-semibold);
    cursor: default;
    background-color: var(--color-background-light);
    padding: var(--spacing-quarter-unit) var(--spacing-half-unit);
    clear: both;
    text-transform: capitalize;
  }
  &:not(:first-child){
    .section__heading {
      border-top: var(--border-light);
    }
  }
  &:first-child{
    .section__heading{
      border-top: 0;
    }
  }
}
